<template>
	<div>
		<!-- 目标: 子传父 -->
		<!-- 1. 父组件, @自定义事件名="父methods函数" -->
		<MyProduct v-for="(obj, ind) in list" :key="obj.id" :title="obj.proname" :price="obj.proprice" :intro="obj.info"
			:index="ind"></MyProduct>
	</div>
</template>

<script>
	import MyProduct from './components/MyProduct_sub'
	export default {
		data() {
			return {
				list: [{
						id: 1,
						proname: "超级好吃的棒棒糖",
						proprice: 18.8,
						info: "开业大酬宾, 全场8折",
					},
					{
						id: 2,
						proname: "超级好吃的大鸡腿",
						proprice: 34.2,
						info: "好吃不腻, 快来买啊",
					},
					{
						id: 3,
						proname: "超级无敌的冰激凌",
						proprice: 14.2,
						info: "炎热的夏天, 来个冰激凌了",
					},
				],
			};
		},
		components: {
			MyProduct
		},
	};
</script>

<style>
</style>
